@import "@/common/constants/StyleConst.scss";

.items-table.theme--light.v-data-table :deep {
  .v-data-table__wrapper>table{
    &>tbody>tr{
      tr.v-row-group__header .no-content .text {
        background-color: $color-bg-white!important;
      }
      &:hover {
        .action {
          visibility: visible!important;
        }
        .no-content .text {
          background-color: $color-bg-white!important;
        }
      }
      &>td {
        .action {
          visibility: hidden;
        }
        & > .no-content {
          width: 100%;
          height: 100%;
          .v-small-dialog__activator,.v-small-dialog__activator__content {
            width: 100%;
            height: 100%;
          }
          .v-small-dialog__activator__content {
            display: flex;
            align-items: center;
            .text {
              width: 100%;
              height: 60%;
              padding: 0 8px;
              display: flex;
              align-items: center;
              background-color: #EFEFEF;
            }
          }
        }
        .v-small-dialog__activator {
          display: inline-block;
        }
      }
    }
    &>thead>tr:last-child>th {
      background-color: #DFE1E8;
      box-shadow: unset;
      border-bottom: unset;

      span {
        font-size: 14px;
        color: #565656;
      }
    }
  }
  .bold-icon::before {
    font-weight: bold;
  }
}